<template>
  <div>
    <a-table
    :columns="datas.columns"
    :data="datas.datas"
    :pagination="false"
    :bordered="{cell:true}">
      <template #columns>
        <a-table-column title="主题" data-index="name"></a-table-column>
        <a-table-column title="接收信息机构" data-index="address"></a-table-column>
        <a-table-column title="公告生效日期" data-index="data"></a-table-column>
        <a-table-column title="公告失效日期" data-index="data"></a-table-column>
        <a-table-column title="创建人" data-index="name1"></a-table-column>
        <a-table-column title="审批人" data-index="name2"></a-table-column>
        <a-table-column title="最后修改人" data-index="name1"></a-table-column>
        <a-table-column title="查看正文"  width="100">
          <template #cell="{ record }">
            <a-space>
              <a-button type="primary">查看正文</a-button>
            </a-space>
          </template>
        </a-table-column>
      </template>
    </a-table>
    <a-pagination :total="50" size="small" show-total show-jumper show-page-size />
  </div>
</template>

<script lang="ts" setup>
import { reactive } from 'vue';
const datas = reactive({
  size:'medium',
  columns: [
    {
      title: 'Name',
      key: 'Name',
      dataIndex: 'name',
    },
    {
      title: 'Address',
      key: 'Address',
      dataIndex: 'address',
    },
    {
      title: 'Email',
      key: 'Email',
      dataIndex: 'email',
    }
  ],
  datas: [{
    key: '1',
    name: '123',
    address: 'XX机构',
    data: '20222022',
    name1: '张三',
    name2: '李四',
    email: 'jane.doe@example.com'
  }, {
    key: '2',
    name: '123',
    address: 'XX机构',
    data: '20222022',
    name1: '张三',
    name2: '李四',
    email: 'alisa.ross@example.com'
  }, {
    key: '3',
    name: '123',
    address: 'XX机构',
    data: '20222022',
    name1: '张三',
    name2: '李四',
    email: 'kevin.sandra@example.com'
  }, {
    key: '4',
    name: '123',
    address: 'XX机构',
    data: '20222022',
    email: 'ed.hellen@example.com'
  }, {
    key: '5',
    name: '123',
    address: 'XX机构',
    data: '20222022',
    name1: '张三',
    name2: '李四',
    email: 'william.smith@example.com'
  }]
})
</script>
